织梦cms| 帝国cms| WordPress discuz| phpcms| z-blog| ecshop| 其他cms|

WordPress

推荐列表 站点导航

当前位置：首页 > 建站教程 > WordPress >

wordpress怎么使用外链图片作为文章缩略图

来源:网络整理  作者:fen  发布时间:2020-12-25 21:03
思路：1、要有一个确定图片地址的方法：文章中的第一张图片，或者使用自定义栏目增加一个自定义值。2、在前台调...

1、要有一个确定图片地址的方法：文章中的第一张图片，或者使用自定义栏目增加一个自定义值。

2、在前台调用确定好的图片：采用函数的方法还是直接调用图片。

实现如下：

前提：

任何调用最好都是在LOOP循环中，这样可以轻松的使用$post值。

1、调用文章中的第一张图片：使用$post->post_content获得文章内容，然后用匹配的方法得到第一张图片的src值。

preg_match('/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i',$post->post_content,$index_piclink);

if(count($index_piclink) >= 2)$image_src = $index_piclink[1];

if(!strstr($image_src,'http://'))$image_src = false;  

2、调用一个自定义栏目：在写文章的时候，增加一个名词为post_thumb的自定义栏目，然后将图片的地址作为值建立它。如meta_key:post_thumb,meta_value:，然后通过以下的方法调用它：

$image_src = get_post_meta($post->ID,'post_thumb',true);

$image_src = trim($image_src) !== '' ? trim($image_src) : false;  

3、在文章循环中使用它们

if($image_src)echo '<img src="'https://www.wpmee.com/.$image_src.'" />';  

4、把他们做成函数

function get_thumb_src($size = 'thumbnail',$first_pic_in_ctonte = true){

global $post;

$image_src = '';

if(function_exists('has_post_thumbnail') && has_post_thumbnail()){

$image_id = get_post_thumbnail_id();

$image_src = wp_get_attachment_image_src($image_id,$size);

$image_src = $image_src[0];

}else{

$image_src = get_post_meta($post->ID,'post_thumb',$single=true);

if(!$image_src && $first_pic_in_ctonte){

preg_match('/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i',$post->post_content,$index_piclink);

if(count($index_piclink) >= 2)$image_src = $index_piclink[1];

if(!strstr($image_src,'http://'))$image_src =false;

}

}

return $image_src;

}

function the_thumb_src($size = 'thumbnail',$first_pic_in_ctonte = true){

echo get_thumb_src($size,$first_pic_in_ctonte);

}  

这个函数（把它放在functions.php中）实现了对文章缩略图的挑选，如果已经有特色图片，则使用特色图片，如果没有就检查post_thumb自定义栏目，如果也没有就使用文章第一张图片，如果文章没有图片，就返回false值。在使用时如下：

if(get_thumb_src())the_thumb_src();  

以上就是wordpress怎么使用外链图片作为文章缩略图的详细内容，更多请关注网站的其它相关文章！

wordpress怎么使用外链图片作为文章缩略图 (https://www.wpmee.com/) WordPress使用教程 第1张

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jz/wp/9049.shtml

上一篇：JavaScript和CSS交互的5种方法
下一篇：JavaScript地理位置信息API的
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程
最新文章
ludou_se_only); } add_action(s ludou_se_only); } add_action(s

时间：2021-01-23

所以经常导致输错密码的 所以经常导致输错密码的

时间：2021-01-23

WordPress措施打开速度慢的 WordPress措施打开速度慢的

时间：2021-01-22

WordPress回覆评论自动添加 WordPress回覆评论自动添加

时间：2021-01-22

我们可以通过下面的代码 我们可以通过下面的代码

时间：2021-01-22

如何修改WordPress默认脚色 如何修改WordPress默认脚色

时间：2021-01-20

同样的修改文件就行 同样的修改文件就行

时间：2021-01-20

少数善意的转载者既使没 少数善意的转载者既使没

时间：2021-01-20

热门文章
WordPress新手安装教程(图文) WordPress新手安装教程(图文)

时间：2020-12-28

在设置菜单中增加WordPress私密 隐藏的全部 在设置菜单中增加WordPress私密 隐藏的全部

时间：2021-01-10

WordPress博客程序常见错误的解决方法 WordPress博客程序常见错误的解决方法

时间：2020-12-28

WordPress程序打开速度慢的三种解决方法 WordPress程序打开速度慢的三种解决方法

时间：2021-01-10

wordpress使用代码在每篇文章尾部添加版权 wordpress使用代码在每篇文章尾部添加版权

时间：2020-12-14

WordPress博客措施常见错误的办理要领 WordPress博客措施常见错误的办理要领

时间：2021-01-15

关于WordPress的SEO优化相关的一些PHP页面脚 关于WordPress的SEO优化相关的一些PHP页面脚

时间：2021-01-07

WordPress措施打开速度慢的三种办理要领 WordPress措施打开速度慢的三种办理要领

时间：2021-01-22

详解WordPress中的头像缓存和署理中的缓存 详解WordPress中的头像缓存和署理中的缓存

时间：2021-01-15

少数善意的转载者既使没有看到版权信息 少数善意的转载者既使没有看到版权信息

时间：2021-01-20

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

wordpress怎么使用外链图片作为文章缩略图

2020-12-25　编辑：fen

1、要有一个确定图片地址的方法：文章中的第一张图片，或者使用自定义栏目增加一个自定义值。

2、在前台调用确定好的图片：采用函数的方法还是直接调用图片。

实现如下：

前提：

任何调用最好都是在LOOP循环中，这样可以轻松的使用$post值。

1、调用文章中的第一张图片：使用$post->post_content获得文章内容，然后用匹配的方法得到第一张图片的src值。

preg_match('/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i',$post->post_content,$index_piclink);

if(count($index_piclink) >= 2)$image_src = $index_piclink[1];

if(!strstr($image_src,'http://'))$image_src = false;  

2、调用一个自定义栏目：在写文章的时候，增加一个名词为post_thumb的自定义栏目，然后将图片的地址作为值建立它。如meta_key:post_thumb,meta_value:，然后通过以下的方法调用它：

$image_src = get_post_meta($post->ID,'post_thumb',true);

$image_src = trim($image_src) !== '' ? trim($image_src) : false;  

3、在文章循环中使用它们

if($image_src)echo '<img src="'https://www.wpmee.com/.$image_src.'" />';  

4、把他们做成函数

function get_thumb_src($size = 'thumbnail',$first_pic_in_ctonte = true){

global $post;

$image_src = '';

if(function_exists('has_post_thumbnail') && has_post_thumbnail()){

$image_id = get_post_thumbnail_id();

$image_src = wp_get_attachment_image_src($image_id,$size);

$image_src = $image_src[0];

}else{

$image_src = get_post_meta($post->ID,'post_thumb',$single=true);

if(!$image_src && $first_pic_in_ctonte){

preg_match('/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i',$post->post_content,$index_piclink);

if(count($index_piclink) >= 2)$image_src = $index_piclink[1];

if(!strstr($image_src,'http://'))$image_src =false;

}

}

return $image_src;

}

function the_thumb_src($size = 'thumbnail',$first_pic_in_ctonte = true){

echo get_thumb_src($size,$first_pic_in_ctonte);

}  

这个函数（把它放在functions.php中）实现了对文章缩略图的挑选，如果已经有特色图片，则使用特色图片，如果没有就检查post_thumb自定义栏目，如果也没有就使用文章第一张图片，如果文章没有图片，就返回false值。在使用时如下：

if(get_thumb_src())the_thumb_src();  

以上就是wordpress怎么使用外链图片作为文章缩略图的详细内容，更多请关注网站的其它相关文章！

wordpress怎么使用外链图片作为文章缩略图 (https://www.wpmee.com/) WordPress使用教程 第1张

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供学习参考！
本文地址为 https://v30.fanwenzhu.com/jz/wp/9049.shtml

相关文章

风云图片

ludou_se_only); } add_action(s

ludou_se_only); } add_action(s

所以经常导致输错密码的

所以经常导致输错密码的

WordPress措施打开速度慢的

WordPress措施打开速度慢的

WordPress回覆评论自动添加

WordPress回覆评论自动添加

我们可以通过下面的代码

我们可以通过下面的代码

如何修改WordPress默认脚色

如何修改WordPress默认脚色

推荐阅读

返回WordPress频道首页